@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;}
table { border-spacing:0;}
img { border:0; vertical-align: middle;}
li { vertical-align: middle;}
em { font-style:normal; font-weight: bold;}i{ font-style: normal;}
ol, ul, li { list-style:none;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
input, button, select, textarea, a { outline:none;}
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a { background: transparent; text-decoration: none; color: #666;transition: 0.3s; -moz-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}
a:active, a:hover { outline: 0;}
body { color: #000; font:14px/2 'Hiragino Sans GB', 'Microsoft Yahei', 微软雅黑,'STHeiti', Arial,黑体, 宋体, Tahoma, Helvetica; word-break:break-all;}
.o8 { filter:alpha(opacity=100); opacity:1; transition:all 0.25s ease-out 0s; -webkit-transition:all 0.25s ease-out 0s;}
.o8:hover { filter:alpha(opacity=80); opacity:0.8;}
div,p{max-height: 10000rem;}
::selection {color:#fff; background-color: #22ad96;} ::-moz-selection {color:#fff; background-color: #22ad96;}
.noselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; }
textarea { -webkit-appearance: none;}

/*自定义常用配制*/
.l { float:left; }.r { float:right; }
.w { width:100%; }.h { height: 100%; }.full{ width: 100%; height: 100%;}
.hw{ width: 50%;}.hh{ height: 50%;}
.cer { width:1200px; max-width: 100%; margin:0 auto;}
.b { font-weight:bold } .n{ font-weight: normal;}
.tc { text-align:center }.tr { text-align:right }
.posr { position:relative } .ikong{ display: inline-block; width: 14px;}
.bkong60{ width: 100%; height: 60px;}
.disb { display:block }.dib{display: inline-block;}
.ov { overflow:hidden }.cur { cursor:pointer }
.clearfloat { clear:both; height:0; font-size: 0px; line-height: 0px; overflow:hidden; visibility:hidden; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0; }
.clearfix { *zoom:1;}
.op70 { filter:alpha(opacity=70); opacity:0.7;}
.cl{clear:both;}

a.aftl{position: relative;}
a.aftl::after{ left:100%; position: absolute; bottom: 0; content: " "; width: 0; 
   border-bottom: 2px solid #f5951c; -webkit-transition: .6s; transition: .6s;}
a.aftl:hover::after{ width: 100%; left:0;
	transition: width 0.6s; -webkit- transition: width 0.6s;}


/*font-style*/
.t12 { font-size: 12px; }.t14 { font-size: 14px; }.t16 { font-size: 16px; }.t18 { font-size: 18px;}
.t24{font-size: 24px;}.t26 { font-size: 26px;}.t28 { font-size: 28px;}
.t30{ font-size: 30px;}.t32{ font-size: 32px;}.t34{ font-size:34px;}.t36{ font-size: 36px;}
.ti2 { text-indent:2em; }.lh1-5{ line-height: 1.5em;} .lh30{ line-height: 30px;}
.lh2-5{ line-height: 2.5em;}.lh2{ line-height: 2em;}
.fontya { font-family:'Microsoft Yahei';}.fontsong { font-family:'simsun';}
.ell { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.ttc { text-transform:capitalize; }.ttl { text-transform:lowercase; }.ttu { text-transform:uppercase;}
.c3 { color:#333 }.c6 { color:#666 }.c9 { color:#999 }.ca{ color: #aaa;} .cf{ color: #fff;}
.ora{ color: #fc7300;}.red{ color: #f00;} .blue{ color: #0096ff;}.c4{color: #444;}.c8{color: #888;}
.yel{ color: #f5951c;}.lblue{ color: #bfdefb;}.green{ color: #3c2;}.dblue{ color: #22ad96;}

.bsb{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.yj4{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}
.yj2{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;}
.shadow6{ box-shadow: 0 0px 6px 0  #d9d9d9;}
.guodu{ transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; 
	-webkit-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s;}
.guodu2{ transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}
.poa{ position: absolute; width: 100%; height: 100%; left: 0; top:0; z-index: 1;}
.kongb{ display: block; width: 100%; height: 16px;}
@media screen and (max-width:380px) {}

.btn{ padding: 0; cursor: pointer; text-align: center; border: none; color:#fff;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;
	transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}
.btn2{ padding: 0; cursor: pointer; text-align: center; border: none; 
	transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}
img.tw{ position: relative; margin-top: -3px;}


.listbtnout{ }
.listmore{ display: block; width: 100%; height: 60px; background-color: #bfbfbf;
	line-height: 60px; text-align: center; color: #fff; font-size: 16px;}
.listmore span{ display: inline-block; padding-right: 24px; height: 60px;
	background: url('../images/sjd1.png') right no-repeat;}
.listmore:hover{ background-color: #1c395e;}

/*表单验证相关*/
.Validform_checktip{ font-size: 14px; line-height:30px; height:30px; overflow:hidden; color:#999;}
.Validform_right{ color:#71b83d; padding-left:20px; background:url(../images/right.png) no-repeat left center;}
.Validform_wrong{ color:#d30315; padding-left:20px; white-space:nowrap; background:url(../images/error.png) no-repeat left center;}
.Validform_loading{ padding-left:20px; background:url(../images/onLoad.gif) no-repeat left center;}
.Validform_error{ }
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px;
 -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute;
  top:0px; right:50px; z-index:99999; display:none;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff;
 position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute;
 right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}
.v{ position:relative;}i.v{ display:inline-block; vertical-align: top;}
.v span.Validform_checktip{ position:absolute; right:0; top:100%; z-index: 1; font-style: normal;}
.v p.message{ position: absolute; left:31px; top:100%; height: 40px; line-height: 40px; 
	font-size: 16px; color: #f00; font-weight: bold;}
i.v2{ position:relative; display:inline-block;}
i.v2 span.Validform_checktip{ font-style: normal; margin-left: 20px; line-height: 36px;}

/* banner */
#banner{ width: 350px; height: 438px; position: absolute; z-index: 1; top: 50%; left:50%;
	margin-top: -240px; padding: 0 100px 40px;}
#banner .hd{ height:10px; overflow:hidden; position:absolute; left:50%; margin-left: -30px; bottom:20px; z-index:1; }
#banner .hd ul{ overflow:hidden; zoom:1; float:left;}
#banner .hd ul li{ float:left; margin-right:10px; width:10px; height:10px; cursor:pointer; 
	background: url(../images/dot02.png) center; opacity: 0.3;}
#banner .hd ul li.on{ opacity: 0.7;}
#banner .bd{ position:relative; z-index:0; width: 350px; height: 438px; overflow: hidden;}
#banner .bd li{ zoom:1;}

/* 下面是前/后按钮代码 */
#banner .prev,#banner .next{ position:absolute; top:50%; margin-top:-26px; display:block; 
	width:52px; height:52px;}
#banner .prev{ left: 0;  background:url(../images/xiaoyu1.png) center no-repeat;} 
#banner .next{ right:0;  background:url(../images/dayu1.png) center no-repeat;}
#banner .prev:hover{ background-image: url(../images/xiaoyu1h.png)}
#banner .next:hover{ background-image: url(../images/dayu1h.png)}



.newban .flex-direction-nav a{width:40px;height:80px;margin-top:-40px;display:block;position:absolute;
	font-size: 38px; color: #bfbfbf; line-height: 80px; text-align: center; font-family: 'simsun';
	background: url('../images/op0-20.png'); top:50%; z-index: 4;}
.newban .flex-direction-nav a.flex-prev{ left:5%;}
.newban .flex-direction-nav a.flex-next{ right:5%;}
.newban .flex-direction-nav a:hover{ background: url('../images/op0-40.png');}

.newban .flex-control-paging{ width: 100%; height: 30px; font-size: 0; text-align: center;
	position: absolute; bottom: 30px; left:0; z-index: 3;}
.newban .flex-control-paging li{display: inline-block; *display:inline; *zoom:1;
	overflow:hidden; width: 4px; height: 30px; padding: 0 10px; line-height: 30px;}
.newban .flex-control-paging li a{ width:4px; height:20px; display: inline-block; cursor:pointer;
	background-color: rgba(255,255,255,0.6); vertical-align: middle;}
.newban .flex-control-paging li a.flex-active{ background-color: #49c0ea; height: 30px;}



.newban{ position:relative; width: 100%; z-index: 1;}

.flexslider{ position: relative; height: 700px; overflow: hidden;}
.flexslider .slides{ overflow: hidden;}
.flexslider .slides li{ display:none; height: 700px; -webkit-backface-visibility:hidden; position: relative;}
.flexslider .slides li a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden;}
.flexslider .slides a>img{ position: absolute; width: 1920px; height: 100%;
	top:0; z-index: 1; left:50%; margin-left: -960px;}
.flexslider .slides li {background-color: #fff;}



.bantxt{ position: absolute; top:300px; left:50%; margin-left: -250px; width: 500px; z-index: 2;}
.bantxt h3{ font-size: 40px; line-height: 60px; color: #0f518d; text-align: center;}
.bantxt p{ width: 170px; height: 40px; line-height: 40px; margin: 35px auto 0; background-color: #22ad96;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; text-align: center;}
.bantxt p a{ display: inline-block; padding-left: 28px; font-size: 16px; color: #fff;
	background: url('../images/clock.png') left no-repeat; text-align: left; vertical-align: top;}



html,body{ height: 100%; -webkit-overflow-scrolling : touch;}
.all{ width: 100%; min-width: 320px; min-height: 100%; overflow: hidden; position: relative;}



/* 头部 */
.head{ height: 110px; position: fixed; z-index: 100; top:40px; left: 40px; right:40px;
	background-color: #fff;}
.head a.logo{ width: 210px; height: 110px; font-size: 0; line-height: 110px;
	position: absolute; z-index: 1; left: 30px; top:0;}
.head a.logo img{ max-width: 100%; }
.headshadow{ width: 100%; height: 0;}
.headshadow.mini2{ height: 0;}

.head.mini,.head.mini2{ box-shadow: 0 0 10px 0 #ccc; top:0; left:0; right:0;}
.head,.navzk,.headshadow{ -webkit-transition: 0.3s; -moz-transition: 0.3s; 
	-ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}



.nav{ height: 110px; margin: 0 auto; font-size: 0; text-align: center; -webkit-transition: 0.3s;
	-moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.nav>li{ display: inline-block; height: 100%; position: relative; padding: 0 15px;}
.nav>li>a{ display: block; height: 50px; padding: 30px 0; position: relative;
	color: #333; line-height:50px; font-size: 16px;}
.nav>li>a:after{ left:100%; position: absolute; bottom: 0; content: " "; width: 0; 
   border-bottom: 4px solid #22ad96; -webkit-transition: .3s; transition: .3s;}
.nav>li:hover>a,.nav>li.on>a{ color: #22ad96; }
.nav>li:hover>a:after{ width: 100%; left:0; transition: width 0.3s; -webkit- transition: width 0.3s;}
.nav>li.on>a:after{ width: 100%; left:0;}




/* 手机导航 */
.navsjout{ width: 100%; opacity: 0; overflow: auto; position: fixed; top:110px; bottom: 0; left:-100%; z-index: 20;
	-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;
	-o-transition: 0.4s; transition: 0.4s; background-color: #333;}
.navsjout.on{ opacity: 1; left:0;}

.navsj{ width: 100%; -webkit-overflow-scrolling : touch; background-color: #333;
	position: absolute; top:0; left:0;}
.navsj>li{ position: relative;}
.navsj>li>a{ display: block; height: 100px; text-align: center; line-height: 100px; 
	font-size: 30px; color: #fff; position: relative;}
.navsj>li>a:after{ content: ''; position: absolute; left: 30px; right:30px; bottom:0; z-index: 0;
	height: 1px; background-color: #666;}

.navsjtwo{ width: 100%; overflow: hidden; display: none; padding: 22px 0; background-color: #f1f1f1;}
.navsjtwo>li{ width: 100%; border-bottom: 1px solid #fff;}
.navsjtwo>li>a{ display: block; line-height: 80px; font-size: 26px; color: #432a23;
	position: relative; z-index: 1; background-color: #ada; text-align: center;
	background: url('../images/jtr1.png') 73% center no-repeat;}

.navsj li i{ position: absolute; right: 22%; top:0; z-index: 1; width: 80px; height: 100px;
	display: block; cursor: pointer; background: url('../images/jtd1.png') center no-repeat;}
.navsj li.on i{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); 
	-ms-transform: rotate(180deg); transform: rotate(180deg);}

.navsj,.navsj li i{ -moz-transition: 0.3s; -ms-transition: 0.3s;
	-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}




#close { position: fixed; left: 0; top: 0; width: 100%;bottom: 0; z-index: 9; display: none; 
	background:url('../images/op0-60.png'); cursor: pointer;}

.navbtn{position: absolute; right:180px; top:30px; z-index: 20; width: 260px; height: 55px;
	-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;
	-o-transition: 0.4s; transition: 0.4s;}

.navbtn s{ position: absolute; left: 25%; display: block; width: 50%; height: 4px; background-color: #22ad96;
	-moz-transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;}
.navbtn>s:nth-child(1){top: 28%;}
.navbtn>s:nth-child(2){top: 48%; width: 40%;}
.navbtn>s:nth-child(3){top: 68%;}
.navbtn.on s:nth-child(1){ top:48%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.navbtn.on s:nth-child(2) {opacity: 0}
.navbtn.on s:nth-child(3) { top:48%; -webkit-transform: rotate(45deg); transform: rotate(45deg);}




.navzk{ height: 0; overflow: hidden; position: fixed; top:150px; z-index: 9;
	left:40px; right:40px; background-color: #e9e9e9;}
.navzk.on{ height: 80px;}
.navzk.mini,.navzk.mini2{ left:0; right: 0; top:110px;}
.navzk p.kouhao{ position: absolute; left:30px; top:20px; z-index: 0;
	font-size: 16px; color: #666; line-height: 40px;}

.zkone{ padding: 0;}
.zkone li{ display: none;}
.zkone li.on{ display: block;}
.zktwo{ font-size: 0; text-align: center; position: relative;}
.zktwo li{ padding: 20px 13px; height: 40px; display: inline-block;}
.zktwo li a{ display: block; color: #666; line-height: 40px; font-size: 14px;}
.zktwo li:hover a{ color: #22ad96;}

.index1{position: relative;}
.index1-l{float: left;width: 50%;}
.index1-r{float: right;width: 50%;}
.index1-r-t{margin-left:15%;padding: 5% 0;max-width: 60%;min-width: 50%;}
.index1-r-c{width: 70%;margin-left: 13%;font-size: 1rem;line-height: 40px;}
.index1-r-c .more{display: block;color: #dadada;margin-top: 5%;margin-left: 5%;}
.index1-t{padding: 3% 0;background: url(../images/index3.png);position: absolute;width: 50%;right: 0;bottom: 5%;padding-left: 5%;}
.index1-t a{width: 35%;float: left;color: #fff;font-size: 24px;text-align: center;}
.index1-t a img{margin-right: 10%;}

.index2{}
.index2-t{text-align: center;padding:5% 0 0;}
.index2_cn{text-align: center;padding: 2.5% 0;}
.index2_cn a{padding:10px 15px;font-size: 16px;background: #55c0ae;color: #fff;margin: 0 5px;}

.index2-pro .list{width: 23.5%;float: left;margin-right: 2%;}
.index2-pro .list:nth-child(4n){margin-right: 0;}
.index2-pro .list .listimg{display: block;width: 100%;position: relative;height: 100%;}
.index2-pro .list .listimg .listcon{position: absolute;top: 0;left: 0;background: url(../images/index3.png);width: 100%;height: 100%;display: none;}
.index2-pro .list:hover .listimg .listcon{display: block;}
.index2-pro .list .listimg .listcon .bored{width: 84%;display: block;height: 75%;margin-left: 3%;margin-top: 3%;border: 1px solid #fff;padding: 5%;}
.index2-pro .list .listimg .listcon .l1{color: #fff;line-height: 40px;font-weight: bold;}
.index2-pro .list .listimg .listcon span{line-height: 30px;color: #fff;display: block;}
.index2-pro .list .listimg .listcon .l2{text-align: center;margin-top: 20px;}
.index2-pro .list .listimg .listcon .l2 a{padding:5px 25px;border: 1px solid #fff;color: #fff;}
.index2-pro .list .listimg img{width: 100%;}
.index2-pro .list .listti{text-align: center;line-height: 70px;line-height: 70px;font-size: 16px;}


.index3{}
.index3-t{text-align: center;padding:5% 0 3% 0%;}
.index3-l{float:left;width: 50%;}
.index3-r{float:left;width: 50%;}
.index3-l-1{background: #22ad96;height:525px;padding: 5% 5% 5% 30%;}

.index3-l-1{}
.index3-l-1 .index3-l-11{background: url(../images/index8.png)left center no-repeat;height: 90px;line-height: 90px;padding-left: 66px;font-size: 30px;color: #fff;font-weight: bold;}
.index3-l-1 span{padding-left: 66px;display: block;color: #fff;font-size: 16px;}
.index3-l-1 .index3-l-12{background: url(../images/index9.png)left center no-repeat;height: 90px;line-height: 90px;padding-left: 66px;font-size: 30px;color: #fff;font-weight: bold;margin-top: 50px;}
.index3-l-2{text-align: right;position: relative;margin-top: -90px;z-index: 99;}
.index3-r-1{height:565px;background: url(../images/index14.png)left center no-repeat;}
.index3-r-r{height:403px;padding: 5% 30% 5% 5%;}
.index3-r-r .index3-r-11{background: url(../images/index15.png)left center no-repeat;height: 90px;line-height: 90px;padding-left: 66px;font-size: 30px;font-weight: bold;}
.index3-r-r span{padding-left: 66px;display: block;font-size: 16px;}
.index3-r-r .index3-r-12{background: url(../images/index16.png)left center no-repeat;height: 90px;line-height: 90px;padding-left: 66px;font-size: 30px;font-weight: bold;margin-top: 50px;}


.case_index_box{
  width: 100%;
  height: 925px;
  background: url(../images/index4.jpg)center no-repeat;
  position: relative;
  min-width: 1300px;
  overflow: hidden;
  margin-top: 63px;
}
.case_index_title{
  text-align: center;
  color: #fff;
  padding: 70px 0 0 0;
  font-size: 42px;
  font-weight: normal;
}
.case_run_box{
  position: relative;
  width: 100%;
  min-width: 1300px;

}
.case_run_box{
  width: 100%;
  height: 563px;
  min-width: 1300px;
}
.case_img_lf{
  width: 1220px;
  height: 563px;
  float: left;
  overflow: hidden;


}
.case_img_rt{
  width: 350px;
  height: 563px;
  float: right;
  /* margin-left: 282px; */
  overflow: hidden;
}
.case_index_img_box{
  /* width: 1px; */
}


.case_run_item{
  width: 1220px;
  overflow: hidden;
  /* min-width: 1300px; */
  float: left;
  position: relative;
  margin-right: 325px;
}

.case_index_run_warp{
  width: 8000px;
}
.case_index_content_box{
  width: 1200px;
  height: 0;
  position: relative;
  margin: 0 auto;
}
.case_index_content{
  position: absolute;
  width: 1200px;
  height: 400px;
  top: 95px;
  left: 0;
  z-index: 20;
}

.case_text{
  width: 524px;
  height: 377px;
  background-color: rgba(255,255,255,0.85);
  top:270px;
  z-index: 999;
  display: inline-block;
  padding: 46px 53px;
  box-sizing: border-box;
  text-align: left;
  float: right;
  margin-right: 75px;
}


.case_index_content .case_p{
  margin-top: 20px;
  font-size: 18px;
  color:#222;
  line-height: 28px;
  width: 413px;
  height: 80px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  white-space: normal;
}
.case_text img{
  float: left;
}
.case_title{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width:335px;
  float: left;
  line-height: 48px;
}
.case_btn{
  width: 180px;
  height: 50px;
  color:#fff;
  font-size: 16px;
  border-radius: 2px;
  background: #22ad96 ;
  text-align: center;
  line-height: 50px;
  float: left;
  cursor: pointer;
  margin-top: 80px;
  margin-right: 12px;
}
.case_btn:hover{
  background-color: #333333;
}
.case_down{
  width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
  height: 80px;
  /* margin-top: 42px; */
  position: relative;
  padding: 32px 0 0 0 ;
}
.case_more{
  display: inline-block;
  font-size: 24px;
  color:#fff;
  font-weight: bold;
  width:50px;
  margin-left: 96px;
  cursor: pointer;
  line-height: 30px;
}
.case_style_img{
  position: absolute;
  left:152px;
  top:60px;
}
.case_style{
  float: left;
  margin-right: 75px;
  color:#fff;
  font-size: 15px;
  /* padding: 9px 28px; */
  cursor: pointer;
  width: 116px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.case_style:hover{
  background: #333333;
  color: #fff;
}

.case_selected{
  background: #333333;
  color: #fff;
}

.case_warp{
  position: relative;
  left: 50%;
  margin: 0 0 0 -958px;
}
.case_down .case_0{
  margin-right: 64px;
}
.case_down .case_5{
  margin-right: 64px ;
}

.pagination{
 text-align: right;
 margin-right: 75px;
 margin-bottom: 3px;
}
.left_count{
  display: inline-block;
  margin-left: 12px;
  font-size: 25px;
  font-weight: bold;
  color:#00ffd6;
}
.right_count{
  display: inline-block;
  margin-right:12px;
  font-size: 18px;
  font-weight: bold;
  color:#00ffd6;
}

.click-left{
  width: 18px;
  height: 15px;
  background: url(../images/arrow_left.png)  center center no-repeat ;
  display: inline-block;
  cursor: pointer;
}
.click-right{
  width: 18px;
  height: 15px;
  background: url(../images/arrow_right.png)  center center no-repeat ;
  display: inline-block;
  cursor: pointer;
}
.click-left:hover{
  background: url(../images/arrow_left_hover.png)  center center no-repeat ;
}
.click-right:hover{
  background: url(../images/arrow_right_hover.png)  center center no-repeat ;
}

.index4{background: #f9f9f9;}
.index4-t{text-align: center;padding: 50px 0;}
.index4-c{width: 1240px;margin:0 auto;}
.index4-c-l{text-align: center;}
.index4-c-l a{color: #666;padding:15px 50px;background: #fff;font-size: 16px;border-radius: 28px;margin:0 10px;}

.index4-c1{float: left;width:610px;background: #fff;height:210px;margin-top: 60px;}
.sssl{float: left;width: 295px;}
.sssr{float: right;width: 285px;padding: 15px;}
.sssrt{font-size: 16px;}
.sssrt a{color: #000;font-weight: bold;}
.sssrt a:hover{color: #22ad96;font-weight: bold;}
.sssrtime{color: #666;font-size: 12px;}
.sssr span{color: #666;line-height: 25px;font-size: 12px;}
.mores{display: block;color: #666;margin-top: 10px;}
.mores:hover{color: #22ad96}

.indexnews{float: left;width: 370px;padding: 15px;background: #fff;margin-top: 20px;margin-left: 20px;}
.indexnews a{color: #000;font-size: 16px;}
.indexnews a:hover{color: #22ad96}
.indexnews p{font-size: 12px;color: #666;}
.indexnews span{font-size: 14px;color: #666;}

.sssww{padding: 80px 0;text-align: center;font-size: 16px;}
.weblink{height: 100px;line-height: 100px;background: #22ad96;}
.weblink_c{width: 1320px;margin: 0 auto;color: #fff;font-size: 16px;}
.weblink_c a{color: #fff;margin-left: 15px;}

.foto{background: url(../images/index6.jpg)  top center no-repeat;height: 530px;}
.foto_c{width: 1320px;margin: 0 auto;position: relative;}
.foto_c .foto_c1{position: absolute;left: 50%;top: -30px;margin-left: -30px;} 
.foto_c2{text-align: center;padding: 60px 0;}
.foto_c3 .foto_c3l{float: left;width: 195px;padding-left:45px;color: #fff;}
.foto_c3 .foto_c3l:nth-child(1){background: url(../images/coi1.png)no-repeat top left;margin-right: 20px;}
.foto_c3 .foto_c3l:nth-child(2){background: url(../images/coi2.png)no-repeat top left;width: 105px;}
.foto_c3 .foto_c3l:nth-child(3){background: url(../images/coi3.png)no-repeat top left;margin-left: 505px;width: 120px;}
.foto_c3 .foto_c3l:nth-child(4){background: url(../images/coi4.png)no-repeat top left;}
.foto_c4{height: 65px;line-height: 65px;color: #fff;margin-top: 149px;}
.foto_c4 a{color: #fff;float: right;}
.ewm{position: absolute;top:203px;left: 50%;margin-left: -139px;}


.page_list{ padding: 30px 20px; text-align: center;line-height: 30px;}
.page_list a{ display: inline-block; line-height: 28px; background-color: #fff;
	padding: 0 10px; margin: 5px; height: 28px; color: #666; font-size: 14px; border: 1px solid #ddd;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;}
.page_list .on,
.page_list a:hover{ background-color: #22ad96; border-color: #22ad96; color: #fff;}
.page_info{padding: 30px 20px; text-align: center;line-height: 30px;}

/*项目案例*/
.about_con {
	overflow: hidden;
	margin-top: 50px;
}
.container {
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
}
.case_list {
}
.case_list ul li {
	display: block;
	float: left;
	width: 386px;
	margin: 0 20px 20px 0;
	background: #fff;
}
.case_list ul li * {
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
}
.case_list ul li:hover .pic img {
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
}
.case_list ul li .pic {
	width: 386px;
	height: 250px;
	margin-bottom: 12px;
	overflow: hidden;
}
.case_list ul li .pic img {
	width: 100%;
	vertical-align: middle;
	height: 250px;
}
.caseli_wen {
	padding: 0 15px 25px 15px;
}
.case_list ul li .ntit {
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	width: 90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
	color: #333;
}
.case_list ul li span {
	font-size: 12px;
	color: #999;
	display: block;
	line-height: 25px;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.case_list ul li p {
	font-size: 14px;
	line-height: 25px;
	color: #999;
	margin-bottom: 15px;
	height: 50px;
	overflow: hidden;
}
.case_list ul li .btn {
	overflow: hidden;
	width: 281px;
	height: 42px;
	background: url(../images/proListClassifyBg01.png) no-repeat center;
}
.case_list ul li .btn a {
	display: block;
	width: 140px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	float: left;
	font-size: 14px;
	color: #777777;
	text-decoration: none;
}
.case_list ul li .btn a i {
	display: inline-block;
	width: 7px;
	height: 12px;
	background: url(../images/proListClassify_icon04.png) no-repeat center;
	margin-left: 8px;
	position: relative;
	top: 2px;
}
.case_list ul li .btn a:first-child {
	border-right: 1px solid #eaeaea;
}
.case_list ul li .btn a:hover {
	color: #fff;
}
.case_list ul li .btn .more:hover {
	background: url(../images/proListClassifyBg02.png) no-repeat center;
}
.case_list ul li .btn .more:hover i {
	background: url(../images/proListClassify_icon05.png) no-repeat center;
}
.case_list ul li .btn a.zx:hover {
	background: url(../images/proListClassifyBg03.png) no-repeat center;
}
.case_list ul li .btn a.zx:hover i {
	background: url(../images/proListClassify_icon05.png) no-repeat center;
}

/* linkUs 联系我们 */

/* linkUsMap */
.linkUsMap {
	width: 100%;
	padding-top: 30px;
}
.linkUsMap .mainCon {
	width: 100%;
}
.linkUsMap .mainCon .conL {
	width: 455px;
	height: 496px;
	float: left;
	background: #fff;
	padding: 54px 70px 0 75px;
}
.linkUsMap .mainCon .conL h3 {
	font-size: 28px;
	color: #333;
	margin-bottom: 35px;
}
.linkUsMap .mainCon .conL .box {
	width: 100%;
}
.linkUsMap .mainCon .conL .box li {
	height: 71px;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
}
.linkUsMap .mainCon .conL .box li:first-child {
	border-top: 1px solid #e5e5e5;
}
.linkUsMap .mainCon .conL .box li img {
	display: block;
	margin-top: 18px;
	float: left;
}
.linkUsMap .mainCon .conL .box li p {
	float: left;
	margin-top: 26px;
	width: 402px;
	float: right;
	padding-top: 0;
	line-height: 20px;
}
.linkUsMap .mainCon .conL .box p span {
	font-size: 15px;
	color: #666666;
}
.linkUsMap .mainCon .conL .box p em {
	font-size: 15px;
	color: #333;
}
.linkUsMap .mainCon .conR {
	width: 600px;
	float: left;
}
/* linkUsLy */
.linkUsLy {
	width: 100%;
	margin-top: 12px;
}
.linkUsLy .mainCon {
	width: 100%;
	height: 525px;
	background: #fff url(../images/linkUsLyBg.jpg) no-repeat bottom;
	padding-bottom: 20px;
	position: relative;
	margin-bottom: 30px;
}
.linkUsLy .mainCon .title {
	position: absolute;
	top: 66px;
	left: 70px;
}
.linkUsLy .mainCon .title h3 {
	font-size: 24px;
	color: #d40019;
}
.linkUsLy .mainCon .title p {
	font-size: 20px;
	color: #b8b8b8;
	font-family: arial;
	margin-top: 2px;
}
.abtitle {
	position: relative;
	text-align: center;
	overflow: hidden;
	height: 105px;
}
.abtitle span.abtit01 {
	display: block;
	position: absolute;
	z-index: 9;
	color: #ebebeb;
	font-size: 25px;
	text-transform: uppercase;
	width: 100%;
	top: 0;
	left: 0;
}
.abtitle span.abtit02 {
	font-size: 38px;
	color: #000;
	display: block;
	position: absolute;
	z-index: 999;
	width: 100%;
	top: 15px;
	left: 0;
	font-family: 'weiruanzhengheiti', "Microsoft Yahei";
}
.hong {
	color: #e5001b;
}

.liuyan02 {
	width: 515px;
	padding: 60px 42px 0 0;
	float: right;
}
.liuyan02 .pic {
}
.lytitle {
	margin-top: 25px;
}
.lytitle span.lytit01 {
	display: block;
	font-size: 14px;
	color: #999;
	text-transform: uppercase;
}
.lytitle span.lytit02 {
	font-family: 'weiruanzhengheiti', "Microsoft Yahei";
	font-size: 35px;
	color: #000;
}
.lytitle span.lytit03 {
	font-size: 14px;
	color: #999;
}
.yjzx {
	margin-top: 40px;
}
.youjianzixun input {
	line-height: 33px;
	border: none;
	border-bottom: 1px solid #dedede;
	margin: 0 0 5px 0;
	padding-left: 10px;
	color: #999;
	background: none;
	font-family: microsoft yahei, "微软雅黑"!important;
}
.youjianzixun input.inp_name {
	width: 233px;
	height: 33px;
	margin-right: 29px;
	float: left;
}
.youjianzixun input.inp_tel {
	width: 233px;
	height: 33px;
	float: left;
}
.youjianzixun input.vcode {
	width: 233px;
	float: left;
	height: 45px;
	margin: 14px 45px 0 0;
}
.youjianzixun textarea {
	width: 100%;
	height: 65px;
	line-height: 25px;
	border: none;
	color: #999;
	padding-left: 10px;
	background: none;
	margin-top: 7px;
	border-bottom: 1px solid #dedede;
	font-family: microsoft yahei, "微软雅黑"!important;
}
 .youjianzixun input::-webkit-input-placeholder { /* WebKit browsers */
 color: #999;
}
 .youjianzixun input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #999;
}
 .youjianzixun input::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #999;
}
 .youjianzixun input:-ms-input-placeholder { /* Internet Explorer 10+ */
 color: #999;
}
 .youjianzixun textarea::-webkit-input-placeholder { /* WebKit browsers */
 color: #999;
}
 .youjianzixun textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #999;
}
 .youjianzixun textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #999;
}
 .youjianzixun textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
 color: #999;
}
.youjianzixun .submit {
	width: 217px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	background: #333;
	border: none!important;
	font-size: 14px;
	margin: 15px 0 14px 0!important;
	float: left;
	cursor: pointer;
	font-family: microsoft yahei, "微软雅黑"!important;
}
.youjianzixun {
	position: relative;
}
.youjianzixun .hand {
	display: block;
	position: absolute;
	top: 140px;
	left: 168px;
	cursor: pointer;
}

/*留言框结束*/